<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style>
			body{
				background: #FFFFFF;
			}
			.mui-content{
				margin-top: 100px;
				background: #FFFFFF;
			}
			#reg{
				text-align: center;
				margin-bottom: 30px;;
			}
		
			#reg-form{
				width: 90%;
				margin-left: 5%;
			}
			.mui-input-row{
				border-bottom: 1px solid #ACACB4;
				opacity: 0.8;
			}
			#regBtn{
				height: 40px;
				padding: 0;
				width: 90%;
				margin-left: 5%;
				margin-top: 20px;
			}
			.link-area{
				text-align: center;
				margin-top: 20px;
			}
		</style>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<div class="mui-content">
		    <h3 id="reg">注册</h3>		
				<form id='reg-form' class="">
				<div class="mui-input-row">
					<label>账号</label>
					<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
				</div>
				<div class="mui-input-row">
					<label>邮箱</label>
					<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入邮箱">
				</div>
				<div class="mui-input-row">
					<label>密码</label>
					<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
				</div>
				<div class="mui-input-row">
					<label>确认密码</label>
					<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请确认密码">
				</div>
			</form>
		</div>
		<div class="mui-content-padded">
				<button id="regBtn" class="mui-btn mui-btn-block mui-btn-primary">注册</button>
				<div class="link-area"><a id='reg'>已有账号？点击登录</a> <span class="spliter">|</span> <a id='forgetPassword'>忘记密码</a>
				</div>
			</div>
	</body>

</html>